<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>积分明细</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	    <script src="js/rem.js"></script>
	    <link href="css/mui.min.css" rel="stylesheet" />
	    <link rel="stylesheet" href="css/reset.css" />
	    <link rel="stylesheet" href="css/main.css" />
	    <link rel="stylesheet" href="css/mui.min.css">
	    <link rel="stylesheet" type="text/css" href="css/common.css"/>
	    <link rel="stylesheet" href="css/iconfont.css" />
	    <link rel="stylesheet" href="css/jfmx.css"/>
	    <link rel="stylesheet" type="text/css" href="css/header.css"/>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">积分明细</h1>
		</header>
		<div id="page_main">
			<div class="jf bgWhite">
				<div class="jf-left"><span>0</span>&nbsp;积分</div>
				<div class="jf-right"><a href="shop.html"><div>进入积分商城&nbsp;&gt;</div></a></div>
            </div>
            <div class="detail bgWhite">
            	<div class="income active">收入</div>
            	<div class="expend">支出</div>
            </div>
            <div class="income-main">
            	<div class="income-main1 bgWhite">
            		<div class="income-main-left">
            			<div>积分增加</div>
            			<div class="income-reason">半自动洗衣机维修</div>
            		</div>
            		<div class="income-main-right">
            			<div class="income-score">+21</div>
            			<div class="income-reason">2016-01-14</div>
            		</div>
            	</div>
            	<div class="income-main2 bgWhite">
            		<div class="income-main-left">
            			<div>积分增加</div>
            			<div class="income-reason">空调安装</div>
            		</div>
            		<div class="income-main-right">
            			<div class="income-score">+38</div>
            			<div class="income-reason">2016-01-14</div>
            		</div>
            	</div>
            </div>
            <div class="expend-main">
            	<div class="expend-main1 bgWhite">
            		<div class="expend-main-left">
            			<div>积分扣除</div>
            			<div class="expend-reason">半自动洗衣机维修</div>
            		</div>
            		<div class="expend-main-right">
            			<div class="expend-score">-21</div>
            			<div class="expend-reason">2016-01-14</div>
            		</div>
            	</div>
            	<div class="expend-main2 bgWhite">
            		<div class="expend-main-left">
            			<div>积分扣除</div>
            			<div class="expend-reason">空调安装</div>
            		</div>
            		<div class="expend-main-right">
            			<div class="expend-score">-38</div>
            			<div class="expend-reason">2016-01-14</div>
            		</div>
            	</div>
            </div>
		</div>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jfmx.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
